@@include('../00.global/include-header.html')
     
  <body class="page">
  
  
          
    @@include('../00.global/include-loader.html')
    
    

  
    <div class="wrapper">
    
        <!-- Header Area
        ============================================= -->      
        <header class="header-area transition">
            
             <div class="header-container transition">
                 <div class="container">
                 
                        @@include('../00.global/include-brand.html')
                        
                        @@include('../00.global/include-menu.html')
                        
                        
                        
                        
                  </div>
                  <!-- .container end -->
                  
                  <div class="clear"></div>
             </div>
        
        </header>
        <div class="header-inner"></div>
      
    
        
        
       <!-- Content 01  
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <a class="button button-hover button-border-thin button-size-s button-bg-primary" href="javascript:void(0)" data-modal-id="modal-open-1">Click Here to Open Modal</a>
                            <br>
                            
                            <a class="button button-hover button-border-thin button-size-s button-bg-primary" href="javascript:void(0)" data-modal-id="modal-open-2">Click Here to Open Modal (Fullscreen)</a>
                            <br>
                            
                            
                            <a class="button button-hover button-border-thin button-size-s button-bg-primary" href="javascript:void(0)" data-modal-id="modal-open-3" data-modal-height="200px" data-modal-width="300px">Click Here to Open Modal (Custom)</a>
                            <br>
                            
                            <a class="button button-hover button-border-thin button-size-s button-bg-primary" href="javascript:void(0)" data-video-win="true" data-video-poster="assets-demo/videos/demo.jpg" data-video-mp4="assets-demo/videos/1920x1080/demo.mp4" data-video-webm="" data-video-ogv="" data-modal-id="web-modal-1" data-video-id="web-video-1">Click Here to Open Video</a>
                            <br>
                            
                            
							<a class="button button-hover button-border-thin button-size-s button-bg-primary" href="javascript:void(0)" data-video-win="true" data-video-poster="assets-demo/videos/demo.jpg" data-video-mp4="" data-video-webm="" data-video-ogv="" data-modal-id="web-modal-2" data-video-id="web-video-2"><span data-video-iframe="true"><iframe width="560" height="315" src="https://www.youtube.com/embed/TDz-z_xGA0A" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></span>Click Here to Open Youtube Video</a>
                            <br> 
                            
                            
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
        
        
        <!-- Modals
        ============================================= --> 
        <div class="modal-box" id="modal-open-1">
            <a href="javascript:void(0)" class="close-btn"></a>
            <div class="content">
                <h2>Holy Crap!!!</h2>
                <p class="fineprint">p.s. Sorry for calling you a dingus earlier.</p>

            </div>
        </div>
        <!--  .modal-box  end -->     
    
    
        <div class="modal-box fullscreen" id="modal-open-2">
            <a href="javascript:void(0)" class="close-btn"></a>
            <div class="content">
                <h2>Holy Crap!!!</h2>
                <p class="fineprint">p.s. Sorry for calling you a dingus earlier.</p>

            </div>
        </div>
        <!--  .modal-box  end -->     
        
        <div class="modal-box" id="modal-open-3">
            <a href="javascript:void(0)" class="close-btn"></a>
            <div class="content">
                <h2>Holy Crap!!!</h2>
                <p class="fineprint">p.s. Sorry for calling you a dingus earlier.</p>

            </div>
        </div>
        <!--  .modal-box  end -->     
        
        
		
        
        
        @@include('../00.global/include-copyright.html')
        
        
    </div>
    <!-- .wrapper end -->
       
       
    @@include('../00.global/include-footer.html')

